<template>
  <div>
    <Header></Header>
    <section>
      <Routers></Routers>
      <div id="section" class="main">
        <div class="common_header">
          <span class="common_header_tip">选择研发活动</span>
          <div>
            <select class="common_header_select">
              <option value="">选择项目</option>
              <option value="1">111</option>
              <option value="2">222</option>
              <option value="3">333</option>
            </select>
            <button class="common_header_btn">同步数据</button>
          </div>
        </div>
        <ul class="common_project_ul">
          <li class="common_projectLIST" @click="linkTOdetail(1)">
            <p class="common_projectLIST_projetName">{{project_name}}</p>
            <p class="common_projectLIST_projetTime">起止时间：{{project_time}}</p>
            <div class="common_projectLIST_content">
              <div class="common_projectLIST_LOGO"></div>
              <div class="common_projectLIST_textBOX">
                <p class="common_projectLIST_text">技术领域：{{project_jishulingyu}}</p>
                <p class="common_projectLIST_text">技术来源：{{project_jishulaiyuan}}</p>
                <p class="common_projectLIST_text">知识产权编号：{{project_num}}</p>
                <p class="common_projectLIST_text">研发费用总预算(元)：{{project_money}}</p>
              </div>
            </div>
            <i class="iconfont icon-guanbi common_projectLIST_closeBTN"></i>
          </li>
        </ul>
      </div>
    </section>
  </div>
</template>

<script>
  import Routers from '@/template/routers.vue'
  import Header from '@/template/common_header.vue'
  export default {
    name: 'cost_daitan',
    components: {
      Routers,
      Header
    },
    data () {
      return {
        project_name:'企业走出去跨文化大数据平台建设',
        project_time:'2016.10-2017.2',
        project_jishulingyu:'科研',
        project_jishulaiyuan:'企业资源计划(ERP)软件',
        project_num:12345678954212,
        project_money:2002143.52
      }
    },
    mounted: function() {

    },
    methods: {
      linkTOdetail(id){
        this.$router.push('/cost_daitan_detail/'+id)
      },
    }
  }
</script>

<style scoped>
  @import '../../assets/public.css';


</style>
